<template>
	<view class="wrapper xiangXi">
		<div class="f32 fbold mb50">{{detail.name}}</div>
		<div class="flex-start mb30">
			<image src="../../../static/shouye/tx1.png" mode="widthFix" class="icon"></image>
			<div class="f32 ml10 fbold">团队介绍</div>
		</div>
		<div class="f28 mb40">{{detail.introduce}}</div>
		<div class="center box">
			<image src="../../../static/shouye/tx2.png" mode="widthFix" class="icon"></image>
			<div class="f32 flex1 ml15 fbold">联系人</div>
			<div class="f28">{{detail.contacts}}</div>
		</div>
		<div class="center box">
			<image src="../../../static/shouye/tx3.png" mode="widthFix" class="icon"></image>
			<div class="f32 flex1 ml15 fbold">联系电话</div>
			<div class="f28">{{detail.phone}}</div>
		</div>
		<div class="center box">
			<image src="../../../static/shouye/tx4.png" mode="widthFix" class="icon"></image>
			<div class="f32 flex1 ml15 fbold">咨询电话</div>
			<div class="f28">{{detail.telephone}}</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				detail:{}
			}
		},
		onLoad(e){
			this.id=e.id
			this.getdetail()
		},
		methods: {
			getdetail(){
				this.$http('/applet/team/detail',{
					id:this.id
				}).then(r => {
					console.log(r)
					this.detail = r
				})
			}
		}
	}
</script>

<style lang="scss">
	.box{
		height: 128rpx;
		border-top: 1px solid #EBEBEB;
	}
	.icon {
		width: 34.93rpx;
		height: 35.22rpx;
	}

	.xiangXi {
		padding: 40rpx 38rpx;
	}
</style>